<div class="jumbotron">
	<div class="row">
		<!-- LOCAL INFORMATION -->
		<div class="col-sm-6">
			<div class="well">
				<h3><span class="fa fa-user"></span> Local</h3>

				<% if (user.email) { %>
				<span>
					<strong>email</strong>: <%= user.email %><br>
					<strong>password</strong>: <%= user.password %>
				</span>

				<!--<a href="/unlink/local" class="btn btn-default">Unlink</a>
				<% } else { %>
				<a href="/connect/local" class="btn btn-default">Connect Local</a>
				<% } %>-->

			</div>
		</div>
		<div class="col-sm-6">
			<div class="well">
				<h3><span class="fa fa-key"></span>Change password</h3>
				<span>
					<strong>Old password</strong><input type="password" class="form-control" ng-model="existingUser.oldPassword"/><br/>
					<strong>New password</strong><input type="password" class="form-control" ng-model="existingUser.newPassword"/><br/>
					<strong>Confirm password</strong><input type="password" class="form-control" ng-model="existingUser.confirmPassword"/><br/>
					<button type="button" class="btn btn-success" ng-click="changePassword()" ng-disabled="(existingUser.confirmPassword !== existingUser.newPassword) || (existingUser.oldPassword.length === 0) || (existingUser.newPassword.length === 0)">Submit</button><br/>
					<span class="text-danger" ng-show="existingUser.confirmPassword !== existingUser.newPassword">Password does not match</span>
				</span>
			</div>
		</div>
	</div>
</div>